<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
		
		
		<meta charset="UTF-8">
		<title>主页~入坑</title>
		<link rel="stylesheet" type="text/css"
	href="css/main.css">
	</head>
	<body>
		<header class="Header" id="header">
			<span class="left">樱花落舞</span>
			
			<div id="Input">
				<input placeholder="搜索你感兴趣的内容…" />
			</div>
		</header>
		<div id="test">
			<a href="subHtml/Thefft.html">
			<div class="funtion1">
				<img src="img/bg/CodeCogsEqn.gif"></a>
			<p>About the fft Team</p>
			</div>
			</a>
			<a href="subHtml/app.html" style="text-decoration: none;">
			<div class="funtion2" style="background:#F3F3F3;">
				<img src="img/bg/app.gif"/>
				<p>app使用统计</p>
			</div>
			</a>
			<div class="funtion3">
				<img src="img/bg/universe-logo.png" />
				<p>Code gits</p>
			</div>
			<a href="subHtml/level.html" style="text-decoration: none;">
			<div class="funtion4">
				<img src="img/bg/math.jpg">
				<p style="color: #000000;">分数统计</p>
			</div>
			</a>
		</div>
		<div class="menu">
	    <li><a href="http://www.cnblogs.com/yinghualuowu/">我的博客</a></li>
	    <li><a href="subHtml/TreeHtml/Person.html">个人中心</a></li>
	    <li><a href="#">主题设置</a></li>
	    <li><a href="../index.html">退出</a></li>
	    </div>
	    <script>
		$(function(){
			$("#header span.left").on("click",function(){
		        var val = $(this).attr('class');
		        if(val.indexOf('on') == -1){
		            $(this).addClass('on');
		            $(".menu").show(0).stop().animate({
		                height:'205px'
		            },0);
		        }else{
		            $(this).removeClass('on');
		            $(".menu").hide(0).stop().animate({
		                height:'0'
		            },0);
		        }
		    })
			
			$(".menu a").on("click",function(){
		        $(this).parents(".menu").hide();
		        $("#header span.right").removeClass('on');
		    })
			
		});
	    </script>
	</body>
</html>
